<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>首页</title>
		<link rel="stylesheet" href="../css/home-page.css" />
		<script src="../js/rem.js"></script>
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_954626_z8pwwz1xwh9.css" />
	</head>

	<body>
		<div class="big-box">
			<div class="header-box">
				<img src="../img/home-page/index.png" alt="" />
				<div class="header-first-box">
					<div class="header-left-box">
						<ul>次日到达</ul>
						<li>北京</li>
						<i class="iconfont icon-xiabiao"></i>
					</div>
					<div class="header-right-box">
						<div class="header-rearch-box">

							<i class="iconfont icon-sousuo1"></i>
							<input type="text" placeholder="      请输入搜索内容" />
						</div>
						<div class="header-scan">
							<i class="iconfont icon-saomiao"></i>
						</div>
					</div>
				</div>
				
				<div class="header-second-box">
					<ul class="second-text-one">
						热卖
						
					</ul>
					<li class="second-text-two">水果</li>
					<li class="second-text-two">蔬菜</li>
					<li class="second-text-two">轻食</li>
					<li class="second-text-two">粮油</li>
					<li class="second-text-two">乳品</li>
					<div class="img-box">
						<img src="../img/home-page/index1.png" alt="" />
					</div>
					
					
				</div>
			</div>

			<!--/*中间部分*/-->
			
			<div class="middle-box">
				<img src="../img/home-page/photo.png" alt="" />
			</div>
			
			<div class="optimion-text">
				<ul class="text-one">·优选严选</ul>
				<ul class="text-one">·优选严选</ul>
				<ul class="text-one">·优选严选</ul>
			</div>
			
			<div class="full-reduction">
				<img src="../img/home-page/index4.png" alt="" />
				<img src="../img/home-page/index3.png" alt="" />
				<img src="../img/home-page/index2.png" alt="" />
				<img src="../img/home-page/index6.png" alt="" />
				<img src="../img/home-page/index6.png" alt="" />
				
			</div>
			
			<!--导航栏-->
			<div class="navigation-bar">
				<div class="navigation-bar-one">
					<ul class="navigation-icon">
						<i class="iconfont icon-index-copy-copy"></i>
					</ul>
					<p class="navigation-text">首页</p>
				</div>
				<div class="navigation-bar-one">
					<ul class="navigation-icon">
						<i class="iconfont icon-index-copy-copy"></i>
					</ul>
					<p class="navigation-text">首页</p>
				</div>
				<div class="navigation-bar-one">
					<ul class="navigation-icon">
						<i class="iconfont icon-index-copy-copy"></i>
					</ul>
					<p class="navigation-text">首页</p>
				</div>
				<div class="navigation-bar-one">
					<ul class="navigation-icon">
						<i class="iconfont icon-index-copy-copy"></i>
					</ul>
					<p class="navigation-text">首页</p>
				</div>
			</div>
		</div>
	</body>

</html>